﻿<div>
    <div class="d-flex">
        <MCheckbox @bind-Value="disabled" Label="Disabled"></MCheckbox>
    </div>

    <MExpansionPanels @bind-Values="panel" Disabled="disabled" Multiple>
        <MExpansionPanel>
            <MExpansionPanelHeader>Panel 1</MExpansionPanelHeader>
            <MExpansionPanelContent>
                Some content
            </MExpansionPanelContent>
        </MExpansionPanel>

        <MExpansionPanel>
            <MExpansionPanelHeader>Panel 2</MExpansionPanelHeader>
            <MExpansionPanelContent>
                Some content
            </MExpansionPanelContent>
        </MExpansionPanel>

        <MExpansionPanel>
            <MExpansionPanelHeader>Panel 3</MExpansionPanelHeader>
            <MExpansionPanelContent>
                Some content
            </MExpansionPanelContent>
        </MExpansionPanel>
    </MExpansionPanels>
</div>


@code {
    bool disabled;
    List<StringNumber> panel = new() {0, 1};
}